<#include "/common/template.ftl">
<@template csses=["overview"] jses=["overview"]>
<#assign newCourseTestList=["1", "2", "3", "4", "5", "6", "7", "8", "9"]>
	<div class="page_area01">   
	    <div class="pic_scroll left_area">
	    	<div class="lxfscroll" >
		  		<ul style="list-style:none;">
		  		 	<li style="margin:0px; padding:0px; top:0px; left:0px;"><img style="width:625px; height:415px; margin-left:0px; margin-top:0px; padding-left:0px; padding-top:0px;" src="${basePath}/static/images/image01.jpg"/></li>
				    <li style="margin:0px; padding:0px; top:0px; left:0px;"><img style="width:625px; height:415px; margin-left:0px; margin-top:0px; padding-left:0px; padding-top:0px;" src="${basePath}/static/images/image02.jpg"/></li>
				    <li style="margin:0px; padding:0px; top:0px; left:0px;"><img style="width:625px; height:415px; margin-left:0px; margin-top:0px; padding-left:0px; padding-top:0px;" src="${basePath}/static/images/image03.jpg"/></li>
				    <li style="margin:0px; padding:0px; top:0px; left:0px;"><img style="width:625px; height:415px; margin-left:0px; margin-top:0px; padding-left:0px; padding-top:0px;" src="${basePath}/static/images/image04.jpg"/></li>
			 	</ul>
			</div>
			<div class="lxfscroll-title" >
			  	<ul style=" font-size:16px; color:#ffffff; padding-top:0px; margin-top:-10px;">
				    <li class="cur" ></li>
				    <li></li>
				    <li></li>
				    <li></li>
			  	</ul>
			</div>
	    </div>
	    <div class="right_area">
	    	<hr class="hr_line01"/>
	    	<ul class="text_news">
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">今年参加高考人数920万，成为历史之最</a></li>
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">2013北京各区县中考二模各科试题及答案汇总</a></li>
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">2013上海各区县中考二模各科试题及答案汇总</a></li>
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">六所名校承认高考成绩 悉尼大学要求580分</a></li>
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">香港留学：2013中国港澳台最佳大学排行榜</a></li>
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">今年参加高考人数920万，成为历史之最</a></li>
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">2013北京各区县中考二模各科试题及答案汇总</a></li>
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">2013上海各区县中考二模各科试题及答案汇总</a></li>
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">六所名校承认高考成绩 悉尼大学要求580分</a></li>
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">香港留学：2013中国港澳台最佳大学排行榜</a></li>
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">今年参加高考人数920万，成为历史之最</a></li>
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">2013北京各区县中考二模各科试题及答案汇总</a></li>
	    		<li><a href="${basePath}/overviewTextNews?article=高考人数" target="_blank">2013上海各区县中考二模各科试题及答案汇总</a></li>
	    	</ul>
	    	<div class="" style="float:right; margin-right:25px; margin-top:5px;">
				<a class="btn" href="#" target="_blank">更多...</a>
			</div>
	    </div>
    </div>

    <div class="new_fixed_pic_new"><img src="${basePath}/static/images/course_forecast.png"></div>
		
    <form class="search_new_course" action="${basePath}/login" method="post">
		<div class="s_n_c_area" style="background-image:url(${basePath}/static/images/search_bc_img.png);">
			<select class="province" name="provinceOrCity">
				<option>省  市</option>
				<option>上海</option>
			</select>
			<select class="district" name="district">
				<option>地  区</option>
				<option>徐汇</option>
			</select>
			<select class="grade" name="grade">
				<option>年  级</option>
				<option>五年级</option>
			</select>
			<select class="subject" name="subject">
				<option>学  科</option>
				<option>数学</option>
			</select>
			<button class="btn btn-primary search_btn" type="submit">搜   索</button>
			<a class="btn more_new_course" href="${basePath}/moreForecastCourses?pageNum=0" target="_blank">更多...</a>
		</div>
	</form>
	
	<div class="show_new_course_area">
		<#list newCourseTestList as seq>
			<div class="course_item">
				<div>
					<a class="course_img"><img src="${basePath}/static/images/course03.png"></a>
					<div>
						<button class="btn btn-primary sign_up_course" onclick="jumpToForecastCourseDetail()">我要报名</button>
	                </div>			
				</div>
				<div class="new_course_detail">
				  	<p>
						<span><strong>学科:</strong>英语</span>
						<span class="n_c_item_grade"><strong>年级:</strong>初二</span>
					</p>
					<p><strong>主题:</strong>三角函数</p>
					<p><strong>主讲人:</strong>张卫</p>
					<p><strong>时间:</strong>2015/07/08 19:00~21:00</p>
					<p><strong>课程学费:</strong>￥50.00 (线上)</p>
					<p class="offline_fee">￥100.00 (线下)</p>
					<p><strong>上课地点:</strong>徐汇区 、上海师范大学(线下)</p>
				</div>
			</div>
		</#list>
	</div>
	
	<div class="old_fixed_pic_new">
		<img src="${basePath}/static/images/old_course.png">
	</div>
	
	<form class="old_course_search" action="${basePath}/login" method="post">
		<div style="background-image:url(${basePath}/static/images/search_bc_img.png)">
			<select class="province">
				<option>省  市</option>
				<option>上海</option>
			</select>
			<select class="old_select">
				<option>地  区</option>
				<option>徐汇</option>
			</select>
			<select class="old_select">
				<option>年  级</option>
				<option>五年级</option>
			</select>
			<select class="old_select">
				<option>学  科</option>
				<option>数学</option>
			</select>
			<input type="text" id="keyword" name="keyword" placeholder="请输入知识点关键词" value="请输入知识点关键词">
			<button class="btn btn-primary search_btn" type="button">搜   索</button>
			<a class="btn more_old_course" href="${basePath}/moreOldCourses" target="_blank">更多...</a>
		</div>
	</form>
	
	<div class="show_old_course_area">
		<div class="show_way">		
			<a class="btn btn-primary active"><span>下载最多</span></a>
				
			<a class="btn"><span>观看最多</span></a>
				
			<a class="btn"><span>评分最高</span></a>
		</div>
		<#list newCourseTestList as seq>
			<div class="old_course_item">
				<div>
					<a><img src="${basePath}/static/images/course03.png"></a>
				</div>
				<div class="old_course_detail">
				  	<p>
						<span><strong>学科:</strong>英语</span>
						<span class="o_c_item_grade"><strong>年级:</strong>初二</span>
					</p>
					<p><strong>主题:</strong>二次函数</p>
					<p><strong>主讲老师:</strong>张灏</p>
					<p><strong>所需金豆:</strong>20颗</p>
					<p><strong>时长:</strong>90分钟</p>
				</div>
				<div>
					<button class="btn btn-primary watch_btn" onclick="watchOldCourse()">观看</button>
					<button class="btn btn-primary load_btn" type="submit">下载</button>
                </div>		
			</div>
		</#list>
	</div>
</@template>